<template>
    <div>
        <div class="cart-goods" v-for="(v,i) in 8" :key="i">
            <div class="cart-goods-input">
                <input type="checkbox" >
            </div>
            <div class="cart-goods-img">
                <img src="../../public/images/u=1878125254,116198046&fm=11&gp=0.jpg" >
            </div>
            <div class="cart-goods-msg">
                <div>总是微芒如烟，纵有万般思念，流光总将故人搁浅在断简残篇不成眠，不等谁来证明，不必狂歌痛饮，为盼重相见，归来时已是明月</div>
                <div>商铺：千千依莎</div>
                <div>
                    <span>￥49</span>
                    <span>￥70</span>
                    <span>X2</span>
                </div>
            </div>
        </div>
    </div>
</template>
<style lang="less" scoped>
.cart-goods{
    width:100%;
    display:flex;
    flex-flow:row nowrap;
    padding:0.1rem 0.1rem 0.1rem 0rem;
    box-sizing:border-box;
    border-bottom:1px solid @gray;
    >.cart-goods-input{
        flex:1;
        display:flex;
        justify-content:center;
        align-items:center;
        >input[type="checkbox"]{
            width:0.4rem;
            height:0.4rem;
        }
    }
    >.cart-goods-img{
        flex:2;
        >img{
            width:100%;
            height:100%;
        }
    }
    >.cart-goods-msg{
        flex:6;
        padding:0rem 0rem 0rem 0.1rem;
        box-sizing:border-box;
        div{
            margin-bottom:0.1rem;
        }
        >div:first-child{
            font-size:0.3rem;
            text-indent:0.4rem;
            overflow:hidden;
            display:-webkit-box;
            -webkit-box-orient:vertical;
            -webkit-line-clamp:3;
            text-overflow:ellipsis;
        }
        >div:nth-child(2){
            color:@gray;
            font-size:0.3rem;
        }
        >div:last-child{
            overflow:hidden;
            >span:first-child{
                font-weight:bold;
            }
            >span:nth-child(2){
                text-decoration:line-through;
                color:@gray;
                font-size:0.28rem;
                padding-left:0.1rem;
            }
            >span:last-child{
                float:right;
            }
        }
    }
}
</style>